<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>Line Basic</title>
    <script src="../dist/quark-renderer.js"></script>
  </head>
  <body>
    <div id="main" style="width: 1200px; height: 600px"></div>
    <script type="text/javascript">
      let qr = QuarkRenderer.init(document.getElementById('main'));

      let line = new QuarkRenderer.Line({
        style: {
          stroke: 'rgba(0, 0, 0, 0.8)',
        },
        shape: {
          x1: 100,
          y1: 100,
          x2: 500,
          y2: 500,
        },
      });
      qr.add(line);
    </script>
  </body>
</html>
